<%
imagePath=request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort();
 %>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link href="css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
<link href="lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet"
	type="text/css" />
<link href="lib/webuploader/0.1.5/webuploader.css" rel="stylesheet"
	type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />

<title>新增品牌</title>
</head>
<body>
	<div class="pd-20">
		<form class="form form-horizontal" id="form-brand-add">
			<input type="hidden" id="brand_id" name="brand_id"
				value='${brand.brand_id}' /> <input type="hidden" name="disabled"
				value='${brand.disabled}' />
			<div class="cl">品牌信息</div>
			<div class="row cl row_top">
				<label class="form-label col-2"><span class="c-red">*</span>品牌名称：</label>
				<div class="formControls col-4">
					<input type="text" class="input-text" value="${brand.brand_name}"
						placeholder="" id="" name="brand_name" datatype="*" nullmsg="不能为空"
						style="width: 90%">
				</div>
			</div>
			<div class="row c1">
				<label class="form-label col-2"><span class="c-red">*</span>品牌别名：</label>
				<div class="formControls col-4">
					<input type="text" class="input-text"
						value="${brand.brand_keywords}" placeholder="" id=""
						name="brand_keywords" datatype="*" nullmsg="不能为空"
						style="width: 90%">
				</div>
			</div>
			<div class="row c1">
				<label class="form-label col-2"><span class="c-red">*</span>品牌网址：</label>
				<div class="formControls col-6">
					<input type="text" class="input-text" value="${brand.brand_url}"
						placeholder="" id="" name="brand_url" datatype="*" nullmsg="不能为空"
						style="width: 90%">
				</div>
			</div>
			<div class="row c1">
				<label class="form-label col-2"><span class="c-red">*</span>品牌序号：</label>
				<div class="formControls col-4">
					<input type="text" class="input-text" value="${brand.ordernum}"
						placeholder="" id="" name="ordernum" datatype="*" nullmsg="不能为空"
						style="width: 90%">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-2">品牌简介：</label>
				<div class="formControls col-10">
					<textarea name="brand_desc" cols="" rows="" class="textarea"
						placeholder="说点什么...最少输入10个字符" dragonfly="true"
						onKeyUp="textarealength(this,200)">${brand.brand_desc}</textarea>
					<p class="textarea-numberbar">
						<em class="textarea-length">0</em>/200
					</p>
				</div>
			</div>
				 <div class="row cl">
					<label class="form-label col-2 text-r">品牌logo：</label>
					
					<div class="formControls col-10">
						<div id="iconimgdiv" class="uploader-thum-container">
								<img
								<%-- <c:if test="${t_goods_tags.gtag_img==''||empty t_goods_tags.gtag_img}">src="<%=basePath%>img/default_img.png"</c:if> --%>
								<c:if test="${brand.brand_logo!=''&&!empty brand.brand_logo}">src="<%=imagePath%>${brand.brand_logo}"</c:if>
								alt="..." class="margin" id="iconImg" style="height: 100px;">
							<a id="iconbutton" class="btn btn-primary"><i
								class="glyphicon glyphicon-picture"></i> 上传图片</a>
						</div>
					</div>
			
					<input type="hidden" name="brand_logo" id="brand_logo"
						value="${brand.brand_logo}" />
				</div> 
			<div class="row cl">
				<button id="save-btn" class="btn btn-primary radius" type="button"
					onclick="save()">
					<i class="Hui-iconfont">&#xe632;</i> 保存并提交审核
				</button>
			</div>

		</form>
	</div>
	
	<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="lib/layer/2.1/layer.js"></script>
	<script type="text/javascript" src="lib/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="lib/icheck/jquery.icheck.min.js"></script>
	<script type="text/javascript" src="lib/Validform/5.3.2/Validform.min.js"></script>
	<script type="text/javascript" src="lib/webuploader/0.1.5/webuploader.min.js"></script>
	<script type="text/javascript" src="lib/ueditor/1.4.3/ueditor.config.js"></script>
	<script type="text/javascript" src="lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
	<script type="text/javascript" src="lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
	<script type="text/javascript" src="js/H-ui.js"></script>
	<script type="text/javascript" src="js/H-ui.admin.js"></script>
	<script type="text/javascript" src="js/jquery.form.js"></script>
	<script type="text/javascript" src="<%=basePath%>plugins/plupload/plupload.full.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/jQuery-2.1.4.min.js"></script>
	 <script type="text/javascript">
<%--
$(function(){
		// 优化retina, 在retina下这个值是2
		ratio = window.devicePixelRatio || 1,
		// 缩略图大小
		thumbnailWidth = 110 * ratio,
		thumbnailHeight = 110 * ratio,

		$list = $("#fileList"),
		$btn = $("#btn-star"),
		state = "pending",
		uploader;
		var uploader = WebUploader.create({
			auto: true,
			swf: '<%=basePath%>backstage/lib/webuploader/0.1.5/Uploader.swf',
			// 文件接收服务端。
			server: '<%=basePath%>backstage/brand-logo-upload',
						// 选择文件的按钮。可选。
						// 内部根据当前运行是创建，可能是input元素，也可能是flash.
						pick : '#filePicker',
						// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
						resize : false,
						// 只允许选择图片文件。
						accept : {
							title : 'Images',
							extensions : 'gif,jpg,jpeg,bmp,png',
							mimeTypes : 'image/*'
						}
					});
			uploader
					.on(
							'fileQueued',
							function(file) {
								var $li = $('<div id="' + file.id + '" class="item">'
										+ '<div class="pic-box"><img></div>'
										+ '<div class="info">'
										+ file.name
										+ '</div>'
										+ '<p class="state">等待上传...</p>'
										+ '</div>'), $img = $li.find('img');
								$list.html($li);

								// 创建缩略图
								// 如果为非图片文件，可以不用调用此方法。
								// thumbnailWidth x thumbnailHeight 为 100 x 100
								uploader.makeThumb(file, function(error, src) {
									if (error) {
										$img.replaceWith('<span>不能预览</span>');
										return;
									}

									$img.attr('src', src);
								}, thumbnailWidth, thumbnailHeight);
							});
			// 文件上传过程中创建进度条实时显示。
			uploader
					.on(
							'uploadProgress',
							function(file, percentage) {
								var $li = $('#' + file.id), $percent = $li
										.find('.progress-box .sr-only');

								// 避免重复创建
								if (!$percent.length) {
									$percent = $(
											'<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>')
											.appendTo($li).find('.sr-only');
								}
								$li.find(".state").text("上传中");
								$percent.css('width', percentage * 100 + '%');
							});

			// 文件上传成功，给item添加成功class, 用样式标记上传成功。
			uploader.on('uploadSuccess', function(file, response) {
				$('#' + file.id).addClass('upload-state-success')
						.find(".state").text("已上传");
				$("#brand_logo").val(response.datas);
			});

			// 文件上传失败，显示上传出错。
			uploader.on('uploadError', function(file) {
				$('#' + file.id).addClass('upload-state-error').find(".state")
						.text("上传出错");
			});

			// 完成上传完了，成功或者失败，先删除进度条。
			uploader.on('uploadComplete', function(file) {
				$('#' + file.id).find('.progress-box').fadeOut();
			});

			uploader.on('all', function(type) {
				if (type === 'startUpload') {
					state = 'uploading';
				} else if (type === 'stopUpload') {
					state = 'paused';
				} else if (type === 'uploadFinished') {
					state = 'done';
				}

				if (state === 'uploading') {
					$btn.text('暂停上传');
				} else {
					$btn.text('开始上传');
				}
			});

			$btn.on('click', function() {
				if (state === 'uploading') {
					uploader.stop();
				} else {
					uploader.upload();
				}
			});
		});
		--%>
			var iconuploader = new plupload.Uploader({
			runtimes : 'html5,flash,silverlight,html4',
			browse_button : 'iconbutton', // you can pass in id...
			container : document.getElementById('iconimgdiv'), // ... or DOM Element itself
			url : '<%=path%>/backstage/goodstags-smallpic-upload',
			flash_swf_url : 'plupload/Moxie.swf',
			multi_selection : false,
			filters : {
				max_file_size : '5mb',
				mime_types : [ {
				title : "Image files",
					extensions : "jpg,gif,png"
				}, ]
			},
			init : {
				//文件上传成功回调
				FileUploaded : function(up, file, res) {
					var info = eval('(' + res.response + ')');
					if (info.error == "0000") {
						$("#iconImg").attr("src","<%=imagePath%>"+info.datas);
						$("#brand_logo").val(info.datas);
					} else {
						layer.msg(info.information, {
							icon : 2
						});
					}
				},
				//添加文件回调
				FilesAdded : function(up, files) {
					$.each(up.files, function(i, file) {
						if (up.files.length <= 1) {
							return;
						}
						up.removeFile(file);
					});

					iconuploader.start();
				},
				//文件上传进度回调
				UploadProgress : function(up, file) {
					//$("#jindu").html(file.percent + "%");
					//alert(file.percent);
					//$("#proId").css("width",file.percent+"%");
				},
				//上传出错
				Error : function(up, err) {
					var msg = "";

					if (err.code == -601) {
						msg = "文件类型错误";
					} else if (err.code == -600) {
						msg = "文件过大";
					} else {
						/* alert(err.code); */
						msg = "文件异常";
					}
					layer.msg(msg, {
						icon : 2
					});
				}
			}
		});
		iconuploader.init();
		function save(){
			$.ajax({
				type:"post",
				url:"<%=path%>/backstage/brand-add",
				data:$("#form-brand-add").serialize(),
				success:function(msg){
					var info = eval('('+msg+')');
					if(info.code=="0000"){
						window.location.href="<%=path%>/backstage/brand-list";
							} else {
								alert(info.information);
							}
						}
					});
		}
	</script>  
</body>
</html>